//登陆与注册界面
//接口
let baseUrl = "http://www.rushmc.top/api/";

//获取两个按钮
//登录
let LoConfirm = document.getElementById('loConfirm');
//注册
let ReConfirm = document.getElementById('reConfirm');

//点击时的操作

//注册
ReConfirm.onclick = function () {
    // 这里post请求参数需要form-data对象,FormData对象用以将数据编译成键值对，以便用XMLHttpRequest来发送数据。
    let userInform = new FormData(); //(在函数里的局部变量))
    // 将所需要的参数加入对象，前者为要插入的内容，后者为返回待插入内容的函数
    //转换为字符串
    userInform.append("username", document.getElementById('username').value);
    userInform.append("password", document.getElementById('password').value);
    userInform.append("name", document.getElementById('name').value);
    userInform.append("phone", document.getElementById('phone').value);
    //建立请求对象
    let xml_http = new XMLHttpRequest();
    //创建一个新的http请求（请求方法，请求的URL地址，异步）,这里请求register
    xml_http.open("POST", baseUrl + "register", true);

    //设置请求头(这里好像不用？)
    // xmlhttp.setRequestHeader("Content-type", "multipart/form-data; charset=utf-8");

    // userInform = JSON.stringify(userInform)
    xml_http.send(userInform);//返回 ?


    //服务器响应，onreadystatechange = function()
    xml_http.onreadystatechange = function () {
        if (xml_http.readyState === 4 && xml_http.status === 200) {
            //将值转化为js对象，JSON.parse
            let users = JSON.parse(xml_http.responseText);
            if (users.code === 200) {
                console.log(users.msg)
            } else {
                console.log(users.msg)
            }
        }
    }
}





//登录
LoConfirm.onclick = function () {
    // 这里post请求参数需要form-data对象,FormData对象用以将数据编译成键值对，以便用XMLHttpRequest来发送数据。
    let userInform = new FormData(); //(在函数里的局部变量))

    // 将所需要的参数加入对象，前者为要插入的内容，后者为返回待插入内容的函数
    //转换为字符串
    //accountNumber = document.getElementsByTagName('accountNumber').value 
    //userInform.append("accountNumber"）//为何这样不行？
    userInform.append("username", document.getElementsByTagName('lo_accountNumber').value);
    userInform.append("password", document.getElementsByTagName('lo_password').value);

    //建立请求对象
    let xmlhttp = new XMLHttpRequest();
    //创建一个新的http请求（请求方法，请求的URL地址，异步）,这里请求login
    xmlhttp.open("POST", baseUrl + "login", true);

    //设置请求头(这里好像不用？)
    // xmlhttp.setRequestHeader("Content-type", "multipart/form-data; charset=utf-8");

    // userInform = JSON.stringify(userInform)
    xmlhttp.send(userInform);//返回 ?


    //服务器响应，onreadystatechange = function()
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
            //将值转化为js对象，JSON.parse
            let users = JSON.parse(xmlhttp.responseText);
            if (users.code === 200) {
                console.log(users.msg)
                window.location.href = 'index.html'
            } else {
                console.log(users.msg)
            }
        }
    }
}

